import React, {Component} from "react";
import {
	View,
	Text,
} from "react-native";

import ImageArray from "../public/ImageArray";

var dataIcon = [
	{url:require('../../imgs/u266.png'), text:'健康教育'},
	{url:require('../../imgs/u266.png'), text:'服务中心'},
	{url:require('../../imgs/u266.png'), text:'健康管理师'},
	{url:require('../../imgs/u266.png'), text:'活动'},
	{url:require('../../imgs/u266.png'), text:'一盏明灯'},
	{url:require('../../imgs/u266.png'), text:'商盟'},
	{url:require('../../imgs/u266.png'), text:'健康档案'},
	{url:require('../../imgs/u266.png'), text:'客户服务'},
];

export default class IconBtn extends React.Component{
	constructor(props) {
		super(props);
	}

	render(){
		return(
			<View style={{backgroundColor: gColor.whiteColor}}>
				<ImageArray 
					arrItems={dataIcon}
					style={{flexDirection: "row",flexWrap: 'wrap'}}
					imageStyle={{width: 32, height: 32,marginVertical: 10}}
					touchableStyle={{width: gScreen.width/4, 
	 					alignItems: "center",paddingVertical: 10}} 
				/>
			</View>
		)
	}
}
